<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /*
            XML和HTML
                XML：用于保存和传输数据
                HTML：用于展示数据
            JSON对象：
                - 一种轻量化的数据存储各式，与XML具有相同的特性，相比于XML，更易于人们编写和阅读，更易于解析
            JSON对象和字符串互转
                - JSON对象->字符串：JSON.stringify(JSON对象)；
                - 字符串->JSON对象：JSON.parse(json字符串)
        */
       var data = {
           student:[
               {
                   name:"laowang",
                   age:19,
                   sex:"nan"
               },
               {
                   name:"xiaozhang",
                   age:20,
                   sex:"nv"
               }
           ]
       }
       var str = JSON.stringify(data);
       console.log(str);
       var json = JSON.parse(str);
       console.log(json);
    </script>
</body>
</html>